<template>
	<view class="down-load-app" @click="downLoad()" :style="[{top:top?top + 'rpx':'',bottom:bottom + 'rpx'}]">
		<image src="/static/images/logo-fsm.png" class="down-app-logo" mode=""></image>
		<view>下载风速秒APP</view>
		<image src="/static/images/down-right.png" mode="" class="down-right"></image>
	</view>
</template>

<script>
	export default {
	  name: "DownLoadAppCom",
		props:{
			top:{
				default:null
			},
			bottom:{
				default:null
			}
		},
	  methods: {
	    downLoad(){
	    	uni.navigateTo({url: '/packs/pages/download/download?from=1'})
	    }
	  }
	}
</script>

<style lang="scss" scoped>
	.down-load-app{
		width:280rpx;
		height:55rpx;
		position: fixed;
		bottom:280rpx;
		right:0rpx;
		z-index:999;
		background: #FED161;
		border-radius: 35rpx 0 0 35rpx;
		display: flex;
		align-items: center;
		font-size: 24rpx;
		color:#FFFFFF;
		box-shadow: 0px 2rpx 12rpx 0px rgba(0,0,0,0.1);
		.down-app-logo{
			display: block;
			width:40rpx;
			height: 40rpx;
			border:1rpx solid #ffffff;
			border-radius: 50%;
			margin-left: 6rpx;
			margin-right: 10rpx;
		}
		.down-right{
			display: block;
			width: 24rpx;
			height: 24rpx;
			margin-left:5rpx;
		}
	}
</style>
